<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>销售单详情</title>
    <link rel="stylesheet" th:href="@{/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/layui.mobile.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/publicNum.css}" />
    <style>
        .container {
            padding-bottom: 15px;
            box-sizing: border-box;
            font-family: Arial;
            background: #F5F5F5;
            /*font-size: 12px;*/
        }

        .header {
            height: 50px;
            background: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px 0 10px;
            /* box-shadow: 10px 10px 5px #888888; */
        }

        .header i {
            display: inline-block;
            width: 26px;
            height: 26px;
            background: url(image/store2.png) no-repeat;
            background-size: 100% 100%;
        }

        .p1 {
            flex: 1;
            padding-left: 8px;
        }

        .xiao {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            border: 1px solid #4DDF46;
            color: #4DDF46;
            text-align: center;
            line-height: 26px;
        }


        .ordernum {
            padding-right: 5px;
            display: flex;
            justify-content: space-between;
        }

        .processing {

            color: #FC3433;
            width: 43px;
            height: 23px;
            line-height: 23px;
        }

        .detail {

            box-sizing: border-box;
            background: #fff;
            margin-top: 10px;
            padding: 5px 10px;
        }

        .people {
            display: flex;
            margin-bottom: 8px;
        }

        .cashier {
            margin-left: 45px;
        }

        .goods {
            margin-top: 5px;
        }

        .pic {
            width: 108px;
            height: 100px;

            background: url(image/Icon_Default_productr.png) no-repeat;
            background-size: 100% 100%;
            position: relative;
        }

        .goods-name{
            min-width: 30%;
            text-align: center;
            color: #fff;
            background: rgba(0, 95, 138, 0.4);
            padding:0 6px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .goods-item {
            display: flex;
            flex-wrap: wrap;
            position: relative;
            margin-bottom: 5px;
            background: #fff;
            padding: 5px 10px;
            box-sizing: border-box;
        }


        .goods-detail {
            margin-left: 15px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .price {
            display: flex;
            justify-content: space-between;
            padding-right: 22px;
            margin-top: 10px;
        }

        .money {
            color: #FB5824;
        }

        .more {
            position: absolute;
            right: 12px;
            top: 50px;
        }

        .discount {

            color: #FC3433;
            /*width: 43px;*/
            height: 23px;
            line-height: 23px;
            text-align: center;
        }

        .pinpai {
            display: flex;
            justify-content: space-between;
            padding-right: 5px;
        }

        .should {
            color: #FE7F58;
        }

        .pd2 p:nth-child(2) {
            color: #5DE356;
        }

        .weishou {
            color: #FC3433;
        }

        .zero {
            padding-right: 10px;
        }

        .price-detail {
            color: #737373;
            display: flex;
            justify-content: space-around;
            margin-bottom: 5px;
            font-size: 12px;;

        }
        .price-detail p{
            min-width: 40px;
        }

        .pd2 {
            display: flex;
            justify-content: flex-start;
        }

        .pd2 p {
            margin-left: 6px;
            min-width: 40px;
        }
        .pd2 p:last-child{
            margin-left: 20px;;
        }

        .price-box {
            background: #fff;
            padding: 5px 0px 5px 0;
            box-sizing: border-box;
        }
        /* 结算方式 */

        .setelement {
            background: #fff;
            padding: 0 10px 20px 10px;
        }

        .cash {
            display: flex;
            justify-content: space-between;
            margin-top: 7px;
            color: #737373;
        }

        .cash-p1 {}

        .alipay {
            padding-bottom: 5px;
        }

        .jiesuan {
            font-weight: bold;
        }

        .jiesuan::after {
            content: "";
            display: inline-block;
            width: 75%;

            border: 1px solid #D9D9D9;
            margin-left: 10px;
            margin-bottom: 5px;
        }
        /* 验光单号 */

        .optometry {
            display: none;
            padding-bottom: 20px;
            margin-top: 4px;
            box-sizing: border-box;
            background: #FFF;
        }



        .single-number {
            display: flex;
            justify-content: space-between;
            margin-top: 8px;
            padding: 10px 10px 0 10px;
            box-sizing: border-box;
        }

        .single-number p {
            font-size: 16px;
        }

        .completed {

            color: #67E361;

            line-height: 23px;
            text-align: center;
        }

        .completed1 {
            color: #FE2E2F;
        }

        .avatar {
            width: 66px;
            height: 66px;
            border-radius: 50%;
            border: 1px solid red;
        }

        .vip-detail {
            display: flex;
            align-items: center;
            padding: 0 10px;
        }

        .infor {
            flex: 1;
            padding: 0 10px 0 10px;

            font-size: 14px;
        }

        .name,
        .beizhu {
            display: flex;
            justify-content: space-between;
        }

        .beizhu {
            margin-top: 6px;
            justify-content: flex-start;
        }

        .jifen {
            margin-left: 30px;
        }
        /* .beizhu p {
            white-space: nowrap;
        } */

        .input {
            width: 130px;
            height: 35px;
            font-size: 12px;
            border: 1px solid #BBBBBB;
        }


        .time-picker {
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin-top: 20px;
        }

        #picker {
            border-radius: 5px;
            width: 250px;
            height: 30px;
            border: 1px solid #BBBBBB;
            color: #888;
            background: #F5F5F5;
        }

        .table1 {
            margin: auto;
            margin-top: 16px;
            width: 95%;
        }

        .table1 th,
        .table1 td {
            font-size: 12px;
            /*white-space: nowrap;*/
        }


        .layui-form-item .layui-form-label {
            overflow: visible;
        }

        .label {
            text-align: left;
        }

        .yanguang {
            padding-right: 5px;
            margin-top: 20px;
            text-align: center;

        }

        .desc {
            width: 95%;
            height: 50px;
            padding: 5px 0 0 5px;
            border:1px solid #bbb;
        }
        /* 加工单号 */

        .process {
            display: none;
            padding-bottom: 5px;
            box-sizing: border-box;
            /* border-bottom: 1px dashed #bbb; */
            background: #fff;
            margin-top: -5px;
        }

        .toggle {
            display:block;
        }

        .jgxinxi {
            padding: 0 10px;
            display: flex;
            align-items: center;
            /*border-bottom: 1px solid #D5D5D5;*/
            height: 40px;
            background: #fff;
        }

        .jgxinxi p:nth-child(1) {
            font-size: 16px;
        }

        .jgxinxi i {
            background: url(image/down.png) no-repeat;
            background-size: 100% 100%;
            width: 40px;
            height: 40px;
            margin: auto;
        }

        .jgxinxi1 {
            padding: 0 10px;
            display: flex;
            align-items: center;
            /*border-bottom: 1px solid #D5D5D5;*/
            height: 40px;
            background: #fff;
        }

        .jgxinxi1 p:nth-child(1) {
            font-size: 16px;
        }

        .jgxinxi1 i {
            background: url(image/down.png) no-repeat;
            background-size: 100% 100%;
            width: 40px;
            height: 40px;
            margin: auto;
        }


        .principal {
            display: flex;
            justify-content: space-around;
            margin-top: 10px;
        }

        .danju-time {
            margin-top: 7px;
            padding-left: 10px;
        }

        .goods-d2 {
            margin-top: 3px;
            margin-bottom: 8px;
            padding-bottom: 10px;
        }

        .self {
            color: #00A0E7;
            position: absolute;
            top: 0px;
            right: 10px;
        }

        .table1 td,
        .table1 th {
            text-align: center;
        }

        .list-title {
            /*color: #FF4081;*/
            padding-left: 12px;
            margin-top: 20px;
            font-size: 16px;
        }

        .list {
            margin-top: 10px;
        }

        .offer {
            margin-top: 42px;
        }
        .back{
            width: 50px;
            height: 50px;
            position: fixed;
            bottom: 60px;
            left: 10px;
            z-index: 10;
            /*background: #000;*/
            background: rgba(43,43,43,0.7);
            border-radius:50%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;

        }
        .back img{
            width: 30px;
            height: 20px;
        }
        .back p{
            color:#fff;
        }
    </style>
</head>

<body>
<div class="container">
    <div class="header">
        <i></i>
        <p class="p1" th:text="${info.getStore_name()}">宝岛眼镜武汉分店</p>
        <p class="xiao"><span data-translation="pin" th:text="${info.getTypename()}">销</span></p>
    </div>

    <div class="detail">
        <div class="ordernum">
            <p th:text="'销售单号：'+${info.getIty_Number()}">销售单号：2053647400621</p>
            <p class="processing"></p>
        </div>
        <div class="people">
            <p th:text="'销售人员：'+${info.getIty_spuidname()}">销售人员：王必成</p>
            <!--<p>销售人员：</p>-->
            <p class="cashier" th:text="'收银员：'+${info.getIty_operatPerson2name()}">收银员：</p>
            <!--<p>销售人员：王必成</p>-->
            <!--<p class="cashier">收银员：王必成</p>-->
        </div>
        <div class="time" th:text="'销售时间：'+${#dates.format(info.getIty_date(),'yyyy-MM-dd HH:mm:ss')}">2018-11-22 14:39:31</div>
    </div>
    <div class="goods" th:each="goods:${info.getList()}">
        <a class="show_counts" th:href="@{'/GoodsDetail?goodsinfo='+${goods.getJsonObject()}}">
            <div class="goods-item">
                <div class="pic">
                    <p class="goods-name">
                        <span data-translation="lens" th:text="${goods.getType()}">镜片</span>

                    </p>
                </div>
                <div class="goods-detail">
                    <div class="pinpai">
                        <p th:text="'品牌/型号：'+${goods.getBrand()}">品牌/型号：蔡司 F</p>
                        <p class="discount" th:text="${info.getWholediscount()}">无折扣
                        </p>

                    </div>
                    <p th:text="'品类：'+${goods.getModel()}">品类：F</p>
                    <p th:text="'折射率：'+${goods.getStyle()}">折射率：1.666</p>		<p th:text="'球柱镜：'+${goods.getColorNumber()}">球柱镜：+1.75,-0.75</p>					<div class="price">
                    <p class="money" th:text="'价格：￥'+${goods.getPrice()}">价格：￥666</p>
                    <p th:text="${goods.getNumbers()}+'只'">1只</p>
                </div>
                </div>

                <div class="more">》</div>
            </div>
        </a>
    </div>
    <div class="price-box">
        <div class="price-detail">
            <p th:text="'优惠价：'+${#numbers.formatDecimal((info.getIty_disPrice()!=null?info.getIty_disPrice():0)*1,1,2)}+'元'">优惠价：￥2412.00元</p>
            <p th:text="'套餐：'+(${info.getIty_asid()}?${info.getIty_asid()}:'无')">套餐：无</p>
            <p th:text="'整单折扣：'+(${info.getWholediscount()}==10?'无折扣':${info.getWholediscount()}+'折')">整单折扣：无折扣</p>
            <p class="zero" th:text="'抹零：'+${#numbers.formatDecimal((info.getIty_boxNumber()!=null?info.getIty_boxNumber():0)*1,1,2)}+'元'">抹零 0.00元</p>
        </div>

        <div class="price-detail pd2">
            <p class="should" th:text="'应收：'+${#numbers.formatDecimal((info.getIty_paidPrice()+info.getIty_unpaidPrice())*1,1,2)}+'元'">应收：￥2412.00</p>
            <p th:text="'已收：'+${#numbers.formatDecimal(info.getIty_paidPrice()*1,1,2)}+'元'">已收：￥2412.00元</p>
        </div>
    </div>

    <!-- 结算方式 -->
    <div class="setelement">
        <h3 class="jiesuan">结算方式</h3>
        <div class="cash">
            <p class="cash-p1" th:text="'现金：'+${#numbers.formatDecimal(info.getIty_paidPrice(),1,2)}+'元'">现金：￥2412.00</p>
        </div>
        <div class="cash alipay">
            <p><span data-translation="coupon">优惠券</span>：￥</p>
        </div>
    </div>
    <div class="yanguang">
        <textarea class="desc" disabled="disabled" placeholder="备注" th:text="${info.getIty_remark()}"></textarea>
    </div>

    <!-- 验光单号 -->
    <div class="jgxinxi1" id="yanguang" name="yangung">
        <p th:if="${info.getIty_targetid()!=null}">验光信息</p>
        <p th:if="${info.getIty_targetid()==null}">暂无验光信息</p>
        <i th:if="${info.getIty_targetid()!=null}"></i>
    </div>
    <div class="optometry" th:if="${info.getIty_targetid()!=null}">
        <div id="opt_refresh" th:fragment="opt_refresh">

            <div class="single-number">
                <p th:text="'验光单号:'+${opt.getOptometry_NO()!=null}">验光单号:2018111211002267</p>
                <p class="completed" th:text="'已完成'">已完成</p>
            </div>

            <div class="vip-detail">
                <div class="avatar"></div>
                <div class="infor">
                    <div class="name">
                        <p th:text="'会员姓名：'+${opt.getCustomer_name()}">会员姓名：巧克力</p>
                        <p th:text="'TCL：'+${opt.getCustomer_tel()}">TCL:15671105896</p>
                    </div>
                    <div class="beizhu">
                        <p>
                            <input th:text="${opt.getVip_remarks()}" disabled="disabled" placeholder="备注" type="text" class="input" />
                        </p>
                        <p class="jifen" th:text="'积分：'+${opt.getVip_score()}">积分：48552</p>
                    </div>
                </div>
            </div>

            <div class="time-picker">
                <p th:text="'验光师：'+${opt.getOptometry_optistName()}">验光师：卢佳豪</p>
                <div class="layui-inline" th:text="${#dates.format(opt.getOptometry_time(),'yyyy-MM-dd HH:mm:ss')}">
                    验光时间:2018-11-12 11:00:20					<!--验光时间:2018-07-25 18:00:00-->
                </div>
            </div>

            <table class="layui-table table1" lay-size="sm">
                <thead>
                <tr>
                    <th><span data-translation="Near use">近用</span></th>
                    <th><span data-translation="Mirror SHR">球镜SHR</span></th>
                    <th><span data-translation="Cylinder CYL">柱镜CYL</span></th>
                    <th><span data-translation="Axis AX">轴位AX</span></th>
                    <th><span data-translation="Corrected vision CVA">矫正视力CVA</span></th>
                    <th><span data-translation="Add light ADD">下加光ADD</span></th>
                    <th><span data-translation="High">瞳高</span></th>
                    <th><span data-translation="Pitch PD">瞳距PD</span></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>R</td>
                    <td th:text="${opt.getOptometry_sph_right()}">+1.25</td>
                    <td th:text="${opt.getOptometry_cyl_right()}">-0.75</td>
                    <td th:text="${opt.getOptometry_OA_right()}">0</td>
                    <td th:text="${opt.getOptometry_CVA_right()}">5.20</td>
                    <td th:text="${opt.getOptometry_R2()}">0.75</td>
                    <td th:text="${opt.getOptometry_PH_right()}">13</td>
                    <td th:text="${opt.getOptometry_PD_right()}">31.25</td>
                </tr>
                <tr>
                    <td>L</td>
                    <td th:text="${opt.getOptometry_sph_left()}">+1.50</td>
                    <td th:text="${opt.getOptometry_cyl_left()}">-0.50</td>
                    <td th:text="${opt.getOptometry_OA_left()}">0</td>
                    <td th:text="${opt.getOptometry_CVA_left()}">5.20</td>
                    <td th:text="${opt.getOptometry_ADD()}">1.50</td>
                    <td th:text="${opt.getOptometry_PH_left()}">14</td>
                    <td th:text="${opt.getOptometry_PD_left()}">31.25</td>
                </tr>
                </tbody>
            </table>

            <div class="yanguang">
                <textarea disabled="disabled" class="desc" placeholder="验光备注" th:text="${opt.getOptometry_resultMarke()}"></textarea>
            </div>

        </div>
    </div>



    <!-- 加工单号 -->

    <div class="jgxinxi" id="jiagong" name="jiagong">
        <p th:if="${info.getOrderItyid()!=null}">加工信息</p>
        <p th:if="${info.getOrderItyid()==null}">暂无加工信息</p>
        <i th:if="${info.getOrderItyid()!=null}"></i>
    </div>
    <div class="process" th:if="${info.getOrderItyid()!=null}">
        <div id="jg_refresh2" th:fragment="jg_refresh2">
            <div class="single-number">
                <p><span data-translation="Processing order number">加工单号</span>：2053647400625</p>
                <p class="completed completed1"></p>
            </div>
            <div class="principal">
                <p><span data-translation="founder">创建人</span>：李丽</p>
                <p><span data-translation="Recipient">收件人</span>：</p>
                <p><span data-translation="Delivery person">派送人</span>：</p>
            </div>
            <p class="danju-time"><span data-translation="Document time">单据时间</span>：2018-11-22 14:39:59</p>


            <div class="list">
                <div>
                    <div class="goods-item goods-d2">
                        <div class="pic">
                        </div>
                        <div class="goods-detail">
                            <div class="pinpai">
                                <p><span data-translation="Brand">品牌</span>：雷朋</p>

                            </div>

                            <p><span data-translation="model">型号</span>：2000/53板架</p>
                            <p><span data-translation="Color">色号</span>：5349-D</p>
                            <div class="price">
                                <p class="money"><span data-translation="price">价格</span>：￥1080</p>
                            </div>
                        </div>

                        <div class="more">》</div>
                    </div>
                </div>
                <p class="list-title"><span data-translation="Processing type">加工类型</span>: 纤维片(10.00以下)</p>




                <table class="layui-table table1" lay-size="sm">
                    <thead>
                    <tr>
                        <th></th>
                        <th><span data-translation="Edge thickness">边缘厚度</span></th>
                        <th><span data-translation="Center thickness">中心厚度</span></th>
                        <th><span data-translation="Base bend">基弯</span></th>
                        <th><span data-translation="thickness">厚薄</span></th>
                        <th><span data-translation="Base bend matching">基弯相配</span></th>
                        <th><span data-translation="direction">方向</span></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>R</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>L</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
                <div class="yanguang">
                    <textarea class="desc" placeholder="镜框加工备注"></textarea>
                </div>				</div><div class="list">
            <div class="goods-item goods-d2">
                <div class="pic">
                </div>
                <div class="goods-detail">
                    <div class="pinpai">
                        <p><span data-translation="Brand">品牌</span>：蔡司 F</p>
                        <p class="discount self"><span data-translation="Self providing">自提供</span></p>
                    </div>
                    <p><span data-translation="Category">品类</span>：F</p>
                    <!--<p>品类：双光 非球面</p>-->
                    <p><span data-translation="Cylindermirror">球柱镜</span>：+1.75,-1.00</p>
                    <div class="price">
                        <p class="money"><span data-translation="price">价格</span>：￥0.00</p>
                    </div>
                </div>
                <div class="more">》</div>
            </div>

            <table class="layui-table table1" lay-size="sm">
                <thead>
                <tr>
                    <th><span data-translation="Near use">近用</span></th>
                    <th><span data-translation="Mirror SHR">球镜SHR</span></th>
                    <th><span data-translation="Cylinder CYL">柱镜CYL</span></th>
                    <th><span data-translation="Axis AX">轴位AX</span></th>
                    <th><span data-translation="Corrected vision CVA">矫正视力CVA</span></th>
                    <th><span data-translation="Add light ADD">下加光ADD</span></th>
                    <th><span data-translation="High">瞳高</span></th>
                    <th><span data-translation="Pitch PD">瞳距PD</span></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>R</td>
                    <td>+1.25</td>
                    <td>-0.75</td>
                    <td>0</td>
                    <td></td>
                    <td>0.75</td>
                    <td>13</td>
                    <td>31.25</td>
                </tr>
                <tr>
                    <td>L</td>
                    <td>+1.50</td>
                    <td>-0.50</td>
                    <td>0</td>
                    <td></td>
                    <td>1.50</td>
                    <td>14</td>
                    <td>31.25</td>
                </tr>
                </tbody>
            </table>
            <p class="list-title"><span data-translation="Processing technology">加工工艺</span>: 纤维片(10.00以下).无框标准加工</p>
            <div class="yanguang">
                <textarea class="desc" placeholder="镜片加工备注"></textarea>
            </div>

        </div><div class="list">
            <div class="goods-item goods-d2">
                <div class="pic">
                </div>
                <div class="goods-detail">
                    <div class="pinpai">
                        <p><span data-translation="Brand">品牌</span>：蔡司 F</p>
                        <p class="discount self"><span data-translation="Self providing">自提供</span></p>
                    </div>
                    <p><span data-translation="Category">品类</span>：F</p>
                    <!--<p>品类：双光 非球面</p>-->
                    <p><span data-translation="Cylindermirror">球柱镜</span>：+1.75,-0.75</p>
                    <div class="price">
                        <p class="money"><span data-translation="price">价格</span>：￥0.00</p>
                    </div>
                </div>
                <div class="more">》</div>
            </div>

            <table class="layui-table table1" lay-size="sm">
                <thead>
                <tr>
                    <th><span data-translation="Near use">近用</span></th>
                    <th><span data-translation="Mirror SHR">球镜SHR</span></th>
                    <th><span data-translation="Cylinder CYL">柱镜CYL</span></th>
                    <th><span data-translation="Axis AX">轴位AX</span></th>
                    <th><span data-translation="Corrected vision CVA">矫正视力CVA</span></th>
                    <th><span data-translation="Add light ADD">下加光ADD</span></th>
                    <th><span data-translation="High">瞳高</span></th>
                    <th><span data-translation="Pitch PD">瞳距PD</span></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>R</td>
                    <td>+1.25</td>
                    <td>-0.75</td>
                    <td>0</td>
                    <td></td>
                    <td>0.75</td>
                    <td>13</td>
                    <td>31.25</td>
                </tr>
                <tr>
                    <td>L</td>
                    <td>+1.50</td>
                    <td>-0.50</td>
                    <td>0</td>
                    <td></td>
                    <td>1.50</td>
                    <td>14</td>
                    <td>31.25</td>
                </tr>
                </tbody>
            </table>
            <p class="list-title"><span data-translation="Processing technology">加工工艺</span>: 纤维片(10.00以下).无框标准加工</p>
            <div class="yanguang">
                <textarea class="desc" placeholder="镜片加工备注"></textarea>
            </div>

        </div>
            <table class="layui-table table1" lay-size="sm">
                <colgroup>
                    <col width="200">
                    <col width="100">
                    <col>
                    <col width="100">

                </colgroup>
                <thead>
                <tr>
                    <th><span data-translation="Cylinder / color / specification">球柱镜/色号/规格</span></th>
                    <th><span data-translation="Number of pieces">件数</span></th>
                    <th><span data-translation="unit price">单价</span></th>
                    <!--<th>折扣</th>-->
                    <th><span data-translation="Subtotal">小计</span></th>

                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>雷朋 5349-D 1080雷朋<br> 						</td>
                    <td>1</td>
                    <td>￥0.00</td>
                    <td>￥0.00</td>					</tr><tr>
                    <td>蔡司 F<br> +1.75,-1.00						</td>
                    <td>1</td>
                    <td>￥0.00</td>
                    <td>￥0.00</td>
                    <!--<td>9.0折</td>-->
                </tr><tr>
                    <td>蔡司 F<br> +1.75,-0.75						</td>
                    <td>1</td>
                    <td>￥0.00</td>
                    <td>￥0.00</td>
                    <!--<td>9.0折</td>-->
                </tr>
                <tr>
                    <!--<td>加工工艺名称 <br> 纤维片(10.00以下) <br>-->
                    <td><span data-translation="Processing name">加工工艺名称</span> <br> 无框标准加工 <br>
                    </td>
                    <td>
                        <br> 1 <br>
                    </td>
                    <td>
                        <br> ￥2						<!--<br> ￥10.00-->
                    </td>
                    <td>
                        <br> ￥2						<!--<br> ￥10.00-->
                    </td>
                </tr>				<!--<tr>-->
                </tbody>
            </table>
            <div class="price-box offer">
                <div class="price-detail">
                    <p><span data-translation="Price">优惠价</span>：￥2</p>
                    <p><span data-translation="Package">套餐</span>：无</p>
                    <p><span data-translation="Wholesalediscount">整单折扣</span>：无</p>
                    <p class="zero"><span data-translation="Wipezero">抹零</span>：无</p>
                </div>

                <div class="price-detail pd2">
                    <p class="should"><span data-translation="Receivable">应收</span>：￥2</p>
                    <p><span data-translation="received">已收</span>：￥0<span data-translation="yuan">元</span></p>				</div>
            </div>
        </div>
    </div>


    <div class="back">
        <img th:src="@{image/fanhui.png}" alt="">
        <p>返回</p>
    </div>
</div>
<script th:src="@{/js/jquery-3.1.1.min.js}"></script>
<script th:inline="javascript">
    //验光单id
    var id1 = [[${info.ity_targetid}]];
    //加工单id
    var id2 = [[${info.orderItyid}]];

    console.log([[${opt}]]);

    var a1 = 0;

    var a2 = 0;

    //刷新验光单
    function refresh1(){
        a1++;
        $("#opt_refresh").load('findOpt?ity_targetid=' + id1);
    }

    //刷新加工单
    function refresh2(){
        a2++;
        $("#jg_refresh2").load('findJG?orderItyid=' + id2);
    }
    $(".jgxinxi").on("click", "i", function () {

        $(".process").toggleClass("toggle")
        if ($(".process").hasClass("toggle")) {
            if(a2==0){
                refresh2()
            }
            $(this).css("background", "url(image/up.png) no-repeat")
        } else {
            $(this).css("background", "url(image/down.png) no-repeat")
        }
    })

    $(".jgxinxi1").on("click", "i", function () {

        $(".optometry").toggleClass("toggle")
        if ($(".optometry").hasClass("toggle")) {
            if(a1==0){
                refresh1()
            }
            $(this).css("background", "url(image/up.png) no-repeat")
        } else {
            $(this).css("background", "url(image/down.png) no-repeat")
        }

    })
</script>
</body>

</html>